import { Button, Layout } from 'antd';

import HeaderContent from '../../components/headerContent';

import {
    wrapper,
    content,
    page404_bg,
    page404_img,
    page404_tip,
} from './index.module.css'

const { Header, Content } = Layout

function Page404(props) {

    function goBackHomePage() {
        props.history.push({pathname: '/home'});
    }
    return (
        <Layout className={wrapper}>
            <Header className="header">
                <HeaderContent />
            </Header>
            <Content className={content}>
                <div className={page404_bg}>
                    <div className={page404_img}></div>
                    <p className={page404_tip}>你要找的页面不见了</p>
                    <Button type="primary" onClick={goBackHomePage}>返回上一页</Button>
                </div>
            </Content>
        </Layout>
    )
}



export default Page404;